<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>checkbox</title>
    <script src="../js/vue.min.js"></script>
</head>
<body>
<div id="app">
    <label for="aaa">
        <input type="checkbox" v-model="ischeckdate" value="aaa" id="aaa"> aaa
    </label>
    <label for="bbb">
        <input type="checkbox" v-model="ischeckdate" value="bbb" id="bbb"> bbb
    </label>
    <label for="ccc">
        <input type="checkbox" v-model="ischeckdate" value="ccc" id="ccc"> ccc
    </label>
    <label for="ddd">
        <input type="checkbox" v-model="ischeckdate" value="ddd" id="ddd"> ddd
    </label>
    <label for="eee">
        <input type="checkbox" v-model="ischeckdate" value="eee" id="eee"> ddd
    </label>

    <pre>{{ ischeckdate | json }}</pre>

复选框设置选择与没选中的值
    <input type="checkbox"
            v-model="toggle"
           v-bind:true-value="varA"
           v-bind:false-value="varB"
    >
    {{toggle}}
</div>
<!-- JavaScript 代码需要放在尾部（指定的HTML元素之后） -->
<script src="./js/vueapp.js"></script>
</body>
</html>
